{extend name="public:base" /}
{block name="content"}
<div class="page-header">
	<h1>
		{$breadcrumb1}
		<small>
			<i class="ace-icon fa fa-angle-double-right"></i>
			{$crumbs}
		</small>
	</h1>
</div>
<div class="row">
	<div class="col-xs-12">
		<div class="panel-body">
			<form action="{:url('programme/end_voucher_info')}" method="post" enctype="multipart/form-data" id="form-goods" class="form-horizontal">
				<input type="hidden" name="id" value="{$info.id}">
				<ul class="nav nav-tabs">
					<!--<li class="active"><a href="#tab-data" data-toggle="tab">合约信息</a></li>-->
					<li class="active"><a href="#tab-links" data-toggle="tab">买入信息</a></li>
				</ul>

				<div class="tab-content">
					<!-- 买入信息 START -->
					<div class="tab-pane active" id="tab-links">
						<table class="table table-bordered">
							<tr>
								<td style="width: 10%">ID</td>
								<td>{$info.id}</td>
							</tr>
							<tr>
								<td>用户</td>
								<td>{$info.username}</td>
							</tr>
							<tr>
								<td>姓名</td>
								<td>{:get_member_idcardname($info.username)}</td>
							</tr>
							<tr>
								<td style="width: 10%">交易所</td>
								<td>{:get_trade_name($info.exchange_id)}</td>
							</tr>
							<tr>
								<td>交易品种</td>
								<td>{:get_variety_name($info.variety_id)}</td>
							</tr>
							<tr>
								<td>提货申请价格</td>
								<td>{$info.num}</td>
							</tr>
							<tr>
								<td>凭证上传时间</td>
								<td>{$info.vou_date}</td>
							</tr>
							<tr>
								<td>时间区间</td>
								<td>提货开始时间—{$info.vou_date}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;提货结束时间—{$info.vou_date}</td>
							</tr>
							<tr>
								<td>提货枚数</td>
								<td>{$info.number}</td>
							</tr>
							<tr>
								<td>提货单价</td>
								<td>{$info.price}</td>
							</tr>
							<tr>
								<td>提货总价</td>
								<td>{$info.total}</td>
							</tr>
							<tr>
								<td>实际提货的时间</td>
								<td>{$info.vou_date}</td>
							</tr>
							<tr>
								<td>审批意见</td>
								<td>{$info.desc}</td>
							</tr>
							<tr>
								<td>买入凭证</td>
								<td style="border-right: none;">
									{volist name="img" id="b" }
									<!-- 模态框（Modal） -->
									<img src="{$b.img_path}" class="image" style="height: 100px; width: 100px">
									{/volist}
								</td>

							</tr>
						</table>
					</div>
					<!-- 买入信息 END -->

				</div>
				<div style="margin-left:20px; margin-top: 20px">
					<label class="radio-inline">
						<input type="radio" checked="checked" value="1" name="checked">确认审核</label>
					<label class="radio-inline">
						<input type="radio" value="2" name="checked">打回初审</label>
				</div>
				<div class="form-group">
					<div style="margin-left:20px; margin-top: 20px">
						<input id="send" type="submit" value="提交" class="btn btn-primary" />
						<a type="submit" class="btn btn-primary" href="{:url('programme/end_voucher')}" >返回</a>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
<div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;">
	<div id="innerdiv" style="position:absolute;">
		<img id="bigimg" style="border:5px solid #fff;" src="" />
	</div>
</div>
{/block}
{block name="javascript"}

<script src="__PUBLIC__/js/ckeditor/ckeditor.js"></script>
<script>
	/**
	 * 获取指定日期的收盘价
	 */
	window.onload = get_time_value();

	$('#vou_date').blur(function(){
		get_time_value();
	});

	function get_time_value(){
		var time = $('#vou_date').val();
		var variety = {$info.variety_id};
		$.ajax({
			url:"{:url('ContractOne/get_time_value')}",
			type:'post',
			data:{time:time,variety:variety},
			success:function(data){
				if(data.code == 1){
					$('#price').val(data.data);
					var number = $('#number').val();
					if(number){
						$('#total').val(data.data*number);
					}

				}else{
					$('#price').val('');
					$('#total').val('');
					alert(data.msg);
				}
			}
		});
	}
</script>

<script>
	$("#number").blur(function(){
		var number = $(this).val();
		var price = $('#price').val();

		if(price){
			$('#total').val(price*number);
		}

	});
</script>

<script type="text/javascript">
	$(function() {
		$("input").keypress(function (e) {
			var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
			if (keyCode == 13) {
				for (var i = 0; i < this.form.elements.length; i++) {
					if (this == this.form.elements[i]) break;
				}
				i = (i + 1) % this.form.elements.length;
				this.form.elements[i].focus();
				return false;
			} else {
				return true;
			}
		});
	});

	$('#send').click(function(){

		var checked = $('input[name="checked"]:checked ').val();		//提货

		var number			=	$('input[name="number"]').val();		//买入枚数

		var price			=	$('input[name="price"]').val();			//买入价格

		if(checked != 2){

			if(number == ''){
				alert('提货枚数必填');
				return false;
			}
			if(price == ''){
				alert('提货单价必填');
				return false;
			}
		}

	});
</script>

<script type="text/javascript">
	//图片预览
	$('.image').click(function(){
		var _this = $(this);							//将当前的pimg元素作为_this传入函数
		imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);

	});
	function imgShow(outerdiv, innerdiv, bigimg, _this) {
		var src = _this.attr("src");					//获取当前点击的pimg元素中的src属性
		$(bigimg).attr("src", src);						//设置#bigimg元素的src属性

		/*获取当前点击图片的真实大小，并显示弹出层及大图*/
		$("<img/>").attr("src", src).load(function () {
			var windowW = $(window).width();			//获取当前窗口宽度
			var windowH = $(window).height();			//获取当前窗口高度
			var realWidth = this.width;					//获取图片真实宽度
			var realHeight = this.height;				//获取图片真实高度
			var imgWidth, imgHeight;
			var scale = 0.8;							//缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放

			if (realHeight > windowH * scale) {			//判断图片高度
				imgHeight = windowH * scale;			//如大于窗口高度，图片高度进行缩放
				imgWidth = imgHeight / realHeight * realWidth;		//等比例缩放宽度
				if (imgWidth > windowW * scale) {					//如宽度扔大于窗口宽度
					imgWidth = windowW * scale;						//再对宽度进行缩放
				}
			} else if (realWidth > windowW * scale) {				//如图片高度合适，判断图片宽度
				imgWidth = windowW * scale;							//如大于窗口宽度，图片宽度进行缩放
				imgHeight = imgWidth / realWidth * realHeight;		//等比例缩放高度
			} else {									//如果图片真实高度和宽度都符合要求，高宽不变
				imgWidth = realWidth;
				imgHeight = realHeight;
			}
			$(bigimg).css("width", imgWidth);			//以最终的宽度对图片缩放

			var w = (windowW - imgWidth) / 2;			//计算图片与窗口左边距
			var h = (windowH - imgHeight) / 2;			//计算图片与窗口上边距
			$(innerdiv).css({"top": h, "left": w});		//设置#innerdiv的top和left属性
			$(outerdiv).fadeIn("fast");					//淡入显示#outerdiv及.pimg
		});
		$('#outerdiv').click(function () {				//再次点击淡出消失弹出层
			$(this).fadeOut("fast");
		});
	}
</script>

{/block}
